<template>
  <el-card shadow="never">
    <div slot="header" class="card-header">
      <div class="card-title">
        <i class="el-icon-star-on"></i>
        <strong>重点模型</strong>
      </div>
    </div>
    <el-tabs type="border-card">
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-star-off"></i> 授予厂商人员管理员操作权限
        </span>
        <el-table :data="tableDataA" border style="width: 100%">
          <el-table-column prop="columnA" label="账号名称"> </el-table-column>
          <el-table-column prop="columnB" label="使用人员姓名">
          </el-table-column>
          <el-table-column prop="columnC" label="使用时间"> </el-table-column>
          <el-table-column prop="columnD" label="是否疑似授权">
          </el-table-column>
          <el-table-column prop="columnE" label="目前是否禁用">
          </el-table-column>
          <el-table-column prop="columnF" label="禁用时间"> </el-table-column>
        </el-table>
        <div class="pagination">
          <Pagination />
        </div>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-star-off"></i> 授予厂商人员涉敏操作权限
        </span>
        <el-table :data="tableDataB" border style="width: 100%">
          <el-table-column prop="columnA" label="账号名称"> </el-table-column>
          <el-table-column prop="columnB" label="使用人员姓名">
          </el-table-column>
          <el-table-column prop="columnC" label="使用时间"> </el-table-column>
          <el-table-column prop="columnD" label="是否疑似授权">
          </el-table-column>
          <el-table-column prop="columnE" label="目前是否禁用">
          </el-table-column>
          <el-table-column prop="columnF" label="禁用时间"> </el-table-column>
        </el-table>
        <div class="pagination">
          <Pagination />
        </div>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-star-off"></i> 删改系统日志
        </span>
        <el-table :data="tableDataC" border style="width: 100%">
          <el-table-column prop="columnA" label="日志名称"> </el-table-column>
          <el-table-column prop="columnB" label="删改账号"> </el-table-column>
          <el-table-column prop="columnC" label="文件路径"> </el-table-column>
          <el-table-column prop="columnD" label="修改指令"> </el-table-column>
          <el-table-column prop="columnE" label="修改时间"> </el-table-column>
        </el-table>
        <div class="pagination">
          <Pagination />
        </div>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-star-off"></i> 厂商人员进行管理员操作
        </span>
        <el-table :data="tableDataD" border style="width: 100%">
          <el-table-column prop="columnA" label="日志名称"> </el-table-column>
          <el-table-column
            prop="columnB"
            label="主账号归属第三方人员,从账号为管理员账号"
          >
          </el-table-column>
          <el-table-column prop="columnC" label="操作日志操作内容">
          </el-table-column>
          <el-table-column prop="columnD" label="是否违规"> </el-table-column>
          <el-table-column prop="columnE" label="违规时间"> </el-table-column>
        </el-table>
        <div class="pagination">
          <Pagination />
        </div>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-star-off"></i> 厂商人员进行涉敏操作
        </span>
        <el-table :data="tableDataE" border style="width: 100%">
          <el-table-column prop="columnA" label="操作账号"> </el-table-column>
          <el-table-column prop="columnB" label="是否是厂商人员">
          </el-table-column>
          <el-table-column prop="columnC" label="是否敏感操作">
          </el-table-column>
          <el-table-column prop="columnD" label="是否疑似违规">
          </el-table-column>
          <el-table-column prop="columnE" label="违规时间"> </el-table-column>
        </el-table>
        <div class="pagination">
          <Pagination />
        </div>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">
          <i class="el-icon-star-off"></i> 厂商人员进行越权进行涉敏操作
        </span>
        <el-table :data="tableDataF" border style="width: 100%">
          <el-table-column prop="columnA" label="操作账号"> </el-table-column>
          <el-table-column prop="columnB" label="敏感信息操作">
          </el-table-column>
          <el-table-column prop="columnC" label="人员不在涉敏人员库">
          </el-table-column>
          <el-table-column prop="columnD" label="越权进行涉敏操作">
          </el-table-column>
          <el-table-column prop="columnE" label="越权时间"> </el-table-column>
        </el-table>
        <div class="pagination">
          <Pagination />
        </div>
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script>
import Pagination from './Pagination'
export default {
  components: {
    Pagination
  },

  data() {
    return {
      tableDataA: [
        {
          columnA: 'HH34320',
          columnB: '李海',
          columnC: '2020.5.4',
          columnD: '是',
          columnE: '是',
          columnF: '2020.5.5'
        },
        {
          columnA: 'UU30392',
          columnB: '张琴',
          columnC: '2020.6.4',
          columnD: '是',
          columnE: '否',
          columnF: '2020.6.5'
        },
        {
          columnA: 'GLY0007',
          columnB: '王博',
          columnC: '2020.6.13',
          columnD: '是',
          columnE: '是',
          columnF: '2020.6.14'
        }
      ],
      tableDataB: [
        {
          columnA: 'EE02922',
          columnB: '王芳',
          columnC: '2020.4.20',
          columnD: '是',
          columnE: '是',
          columnF: '2020.4.21'
        },
        {
          columnA: 'EE04991',
          columnB: '赵健',
          columnC: '2020.6.4',
          columnD: '是',
          columnE: '否',
          columnF: '2020.4.22'
        },
        {
          columnA: 'GLY0007',
          columnB: '李刚',
          columnC: '2020.5.21',
          columnD: '是',
          columnE: '是',
          columnF: '2020.5.22'
        }
      ],
      tableDataC: [
        {
          columnA: 'R312312',
          columnB: 'WJ301I8',
          columnC: '/var/log/wtmp',
          columnD: 'utmpdump',
          columnE: '2020.5.4'
        },
        {
          columnA: 'R034932',
          columnB: 'WJ301I8',
          columnC: '/var/log/wtmp',
          columnD: 'des',
          columnE: '2020.5.4'
        },
        {
          columnA: 'R827176',
          columnB: 'WJ301I8',
          columnC: '/var/log/wsqw',
          columnD: 'dell',
          columnE: '2020.5.6'
        }
      ],
      tableDataD: [
        {
          columnA: 'R291023',
          columnB: '否',
          columnC: 'su',
          columnD: '是',
          columnE: '2020.6.8'
        },
        {
          columnA: 'R391019',
          columnB: '否',
          columnC: 'su-root',
          columnD: '是',
          columnE: '2020.6.8'
        },
        {
          columnA: 'R102912',
          columnB: 'admin',
          columnC: 'ls',
          columnD: '是',
          columnE: '2020.6.8'
        }
      ],
      tableDataE: [
        {
          columnA: 'R201289',
          columnB: '否',
          columnC: '是',
          columnD: '是',
          columnE: '2020.5.30'
        },
        {
          columnA: 'R209218',
          columnB: '是',
          columnC: '是',
          columnD: '是',
          columnE: '2020.5.30'
        },
        {
          columnA: 'R102812',
          columnB: '是',
          columnC: '是',
          columnD: '是',
          columnE: '2020.5.30'
        }
      ],
      tableDataF: [
        {
          columnA: 'FF121435',
          columnB: '是',
          columnC: '是',
          columnD: '是',
          columnE: '2020.6.20'
        },
        {
          columnA: 'RR976231',
          columnB: '是',
          columnC: '是',
          columnD: '是',
          columnE: '2020.6.20'
        },
        {
          columnA: 'BG421864',
          columnB: '是',
          columnC: '是',
          columnD: '是',
          columnE: '2020.6.20'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.card-title {
  display: flex;
  align-items: center;
  i {
    font-size: 22px;
    margin-right: 4px;
  }
}
.pagination {
  float: right;
  margin: 10px;
}
</style>
